@import url('https://fonts.googleapis.com/css?family=Open+Sans:100,300,400,500,700');
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;
}

.spectate {
	position: absolute;
	color: #fff;
	background-color: #3c3c3c;
	min-width: 400px;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: none;
}

.spectate .header {
	background-color: #282828;
	padding: 5px;
	width: 100%;
}

.header h2 {
	display: inline-block;
	font-size: 20px;
}

.header #close {
	float: right;
	position: relative;
	top: 4px;
	color: #f03a17;
	font-size: 20px;
	cursor: pointer;
}

.spectate .users {
	padding: 5px;
}

.user {
	padding: 6px 5px;
	font-weight: bold;
	font-size: 18px;
}

.user .user-name {
	margin-left: 15px;
}

.user .user-actions {
	float: right;
	position: relative;
	bottom: 1px;
}

button {
	background-color: rgba(240, 58, 23, 0.2);
	color: #fff;
	padding: 3px 10px;
	outline: none;
	border: none;
	cursor: pointer;
	min-width: 49px;
}